<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:mml="http://www.w3.org/1998/Math/MathML">

<head>
	<meta charset="utf-8">
	<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-eval'; object-src 'self'">

	<meta name="viewport" content="width=device-width, initial-scale=1">


	<title>zzllrr Mather Demo Version</title>
    <!-- FAVICONS -->
    <link rel="shortcut icon" sizes="16x16" href="img/zMather.png">
    <link rel="shortcut icon" sizes="32x32" href="img/zMather.png">
    <link rel="apple-touch-icon icon" sizes="76x76" href="img/zMather.png">
    <link rel="apple-touch-icon icon" sizes="120x120" href="img/zMather.png">
    <link rel="apple-touch-icon icon" sizes="152x152" href="img/zMather.png">
    <link rel="apple-touch-icon icon" sizes="180x180" href="img/zMather.png">
    <link rel="apple-touch-icon icon" sizes="192x192" href="img/zMather.png">

    <!-- Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#333333">
	<link rel="stylesheet" href="css/katex.css" />
	
	<link rel="stylesheet" href="css/zmather.io.css" />

	<link rel="stylesheet" href="css/zmather.lib.css" />

	<link rel="stylesheet" href="css/zmather.cap.css" />

	<!-- 引用第三方库 -->
	<script src="js/lib/jquery.js"></script>
	<script src="js/lib/base64.js"></script> <!-- 增加了xml的解析功能-->

	<script src="js/lib/katex.js"></script>

	<script src="js/lib/echarts.js"></script>
	<script src="js/lib/js-yaml.js"></script>

	<script src="js/i18n/en.js"></script>
	<script src="js/i18n/zh_cn.js"></script>




	<!-- 引用小乐库 -->
	<script src="js/lib/zlr.js"></script>


	<script src="js/zmather.io.js"></script>


	<!-- 界面及通用的变量和函数 -->


	<script src="js/interface.js"></script>

	<script src="js/htm/index.js"></script>
	<script src="js/htm/common.js"></script>


	<!-- 底层对象 -->
	<script src="js/obj/math/function.js"></script>
	<script src="js/obj/math/num.js"></script>
	<script src="js/obj/math/prime.js"></script>
	<script src="js/obj/math/statistic.js"></script>
	<script src="js/obj/math/geometry.js"></script>
	<script src="js/obj/math/proposition.js"></script>
	<script src="js/obj/math/set.js"></script>
	<script src="js/obj/math/permutation.js"></script>
	<script src="js/obj/math/matrix.js"></script>
	<script src="js/obj/math/relation.js"></script>

	<script src="js/obj/graphic/svg.js"></script>
	<script src="js/obj/graphic/canvas.js"></script>


	<!-- 底层对象封装 -->
	<script src="js/obj/math.js"></script>
	<script src="js/obj/graphic.js"></script>



</head>

<body class=day>

	<h1 class="logo alignc rem3">zzllrr Mather</h1>

	<div id=Caps hidden>
		<canvas id=caps hidden></canvas>
		<img id=capsimg />
		</div>
	<div id=zMather hidden>
		<div id=nav>
			<div id=navhead class=opac>
				<span id=logo class=subhead></span>
			</div>
			<div id=navbody>
				<div id=toolnav class="pd2"></div>
				<details id=searchTool hidden>
					<summary>
						<select id=searchBy></select>
						<input type=search id=search list=searchlist />
						<datalist id=searchlist></datalist>
					</summary>
					<div id=searchResults></div>
				</details>
				<details id=subject>
					<summary class=opac>
						<select id=subject0></select>
						<select id=subject1 hidden></select>
						<select id=subject2 hidden></select>
					</summary>
					<div class=ground0></div>
					<div class=ground1></div>
				</details>



			</div>
		</div>
		<div id=iContent class=pd2>
			<div id=iText>


				<div id=iTextMain>

					<div id=input0Preview contentEditable=true class="pd10" hidden></div>

					<textarea id=input0></textarea>
					<div id=input0Tool class="opac">
						<input type=button class=Clear id=iClear value=⌫ hotkey="Ctrl + E" />

						<i class=mi id=send2textBox tip=copy2input>arrow_upward</i>
						
						
						<i class=mi id=navHide tip=Collapse>keyboard_arrow_up</i>
						<i class=mi id=UploadFile tip="Import File">add</i>
						<input type="file" id=inputFile hidden />
						<input type=button class="Clear rotate180" id=tClear value=⌫ />

					

						<div id=previewOpt>
								<select id=input0Type></select>
								<div id=inputTools>
									<input type=button id=preview class="tool seled" value=⇄ />

									<span class="iTextLaTeXon">
											<input type=button id=sbson class=tool value=α />
											<input type=button id=funcson class=tool value=ƒ />
											<input type=button id=strucon class=tool value=∑ />
										</span>
								</div>
								<select id=output0Type></select>
							</div>


						<p>
							<input id=lineMerge type=button value=. />
							<input id=lineSplit type=button value=: />
							<input id=Condon class="tool" type=button value=⋮ />
							<input id=DownloadFile type=button value=⤓ tip="Download Text File" />

						</p>

						
					</div>

					<div id=iTextLaTeXBox>
						<div id=sbs hidden class=iTextLaTeX></div>
						<div id=funcs hidden class=iTextLaTeX></div>
						<div id=struc hidden class=iTextLaTeX></div>
					</div>

					<div id=input0Tip></div>

					<div class=clear></div>
				</div>


				<div hidden id=Cond>
					<div id=input1Preview></div>
					<textarea id=input1></textarea>
					<div id=input1Tool class="opac">
						<div><input type=button class=Clear id=cClear value=⌫ hidden /></div>


					</div>
					<div id=input1Tip></div>
					<div class=clear></div>
				</div>

				<div id=iTextPreview>
					<span id=previewTool hidden>
						<input type=button class="Clear rotate90" id=previewOff value=⌫ />

						<i class=mi id=displayOverCanvas tip=copy2Canvas>exit_to_app</i>

						<i class=mi id=downloadPreview tip="Download HTML File">file_download</i>
						
					</span>

				</div>



				<div id=iTextOpt class="pd2">


					<input type=button id=go value=" GO " hotkey="Ctrl + Enter" />


					<input type=button id=oHClear class="Clear oClear rotate270" value=⌫ />
					<i class=mi id=iTextFold tip=Collapse>unfold_less</i>
					<i class=mi id=zMatherHide tip=Collapse>keyboard_arrow_up</i>


				</div>


			</div>

		</div>
	</div>

	<div id=panel hidden>
		<div id=menu>
			<span id=bar>&nbsp;</span>

			<i class=mi id=zMatherOn tip="Collapse">keyboard_arrow_up</i>
			<i id=night class=mi tip=Night>brightness_3</i>
			
			<i class=mi id=svgs tip="Graphic" hotkey="Esc">layers</i>
		</div>





		<div id=tileTool for=svgs class=cap>


			<div id=tileToolCap>

				<details id=svgCssTransform>
					<summary><span id=transform></span>
						<span>
							<span title=px>x <input type=number id=cssX min=0 value=0 /></span>
							<span title=px>y <input type=number id=cssY min=0 value=0 /></span>
							<span title="z-index">z <input type=number id=cssZ value=0 /></span>
						</span>

					</summary>
					<div id=CssTransform class=lightgray>
						<div id=CssTransOpt hidden class=lightgray>
							<div><span id=perspec></span><input type=number id=cssPerspec min=0 value=0 title=px />
								<span id=perspecOrig></span><input type=text id=cssPerspecOrig value="50% 50%"
									placeholder="[xy]=left center right length %" title="x y" /></div>
							<div><label><span id=tranStyle></span><input type=checkbox id=cssTranStyle /></label>
								<span id=transOrig></span><input type=text id=cssTransOrig value="50% 50% 0"
									placeholder="[xy]=left center right length %; [z]=length" title="x y z" /></div>
							<div><label><span id=backVisi></span><input type=checkbox id=cssBackVisi checked /></label>
							</div>
						</div>
						<div>
							<label><input type=checkbox id=cssMatrix /><span
									id=matrix></span><span>(2D/3D)</span></label>
							<span id=cssTransOpt></span>
						</div>
						<div id=cssMatrix3D hidden><input type=text id=cssMatrix3d placeholder="n,n...{6|16}" /></div>
						<div id=CssScale><img class=scale><span id=scale></span>
							<span>x</span><input type=number id=cssScaleX min=0 step=".1" value=1 />
							<span>y</span><input type=number id=cssScaleY min=0 step=".1" value=1 />
							<span>z</span><input type=number id=cssScaleZ min=0 step=".1" value=1 /></div>

						<div id=CssSkew><img class=skew><span id=skew></span>
							<span>x</span><input type=number id=cssSkewX value=0 title=deg />
							<span>y</span><input type=number id=cssSkewY value=0 title=deg /></div>

						<div id=CssTranslate><img class=translate><span id=translate></span>
							<span>x</span><input type=number id=cssTranslateX min=0 value=0 />
							<span>y</span><input type=number id=cssTranslateY min=0 value=0 />
							<span>z</span><input type=number id=cssTranslateZ min=0 value=0 /></div>

						<div id=CssRotate>


							<div id=CssRotate3><label><input type=radio value=cssRotateXYZ checked />
									<img class=rotate1><span id=rotate></span>
									<span>x</span><input type=number id=cssRotateX value=0 title=deg step=15 />
									<span>y</span><input type=number id=cssRotateY value=0 title=deg step=15 />
									<span>z</span><input type=number id=cssRotateZ value=0 title=deg step=15 />

									<div id=CssRotate6><img id=flipy><img id=flipx><img id=flip0><img id=rotate1><img
											id=rotate2><img id=rotate3></div>
								</label>
							</div>


							<div id=CssRotate3d><label><input type=radio value=cssRotate3d />
									<img class=rotate1><span id=Rotate></span><span>3D</span><input type=text
										id=cssRotate3d placeholder="x,y,z,angle" /></label></div>
						</div>

					</div>



				</details>

				<details id=COLOR>
					<summary>
						<input type=text id=color0 title="Snow" />
						<input type=text id=color1 title="Blue Sky" />
						<input type=text id=color2 title="Pink Girl" />
						<input type=text id=color3 title="Black Rhythm" />
						<input type=text id=color4 title="Red Charm" />
						<input type=text id=color5 title="Random" value="?" />

						<label><input type=checkbox id=RandomColorson checked=checked /></label>
					</summary>
					<div id=Color></div>
					<details id=CssFilter>
						<summary id=CssOpa><img class=btn1><span id=opa></span><input type=range id=cssOpa min=0 max=1
								step=".1" value=1 /></summary>

						<div id=CssContrast><img class=contrast><span id=contrast></span><input type=range
								id=cssContrast max=2 min=0 step=".1" value=1 /></div>
						<div id=CssBright><img class=bright><span id=bright></span><input type=range id=cssBright min=0
								max=2 step=".1" value=1 /></div>
						<div id=CssSaturate><img class=saturate><span id=saturate></span><input type=range
								id=cssSaturate min=0 max=20 step=".1" value=1 /></div>

						<div id=CssGrayscale><img class=grayscale><span id=grayscale></span><input type=range
								id=cssGrayscale min=0 max=1 step=".1" value=0 /></div>
						<div id=CssSepia><img class=sepia><span id=sepia></span><input type=range id=cssSepia min=0
								max=1 step=".1" value=0 /></div>
						<div id=CssInvert><img class=invert><span id=invert></span><input type=range id=cssInvert min=0
								max=1 step=".1" value=0 /></div>
						<div id=CssHueRotate><img class=hueRotate><span id=hueRotate></span><input type=range
								id=cssHueRotate min=0 value=0 title=deg max=360 /></div>
						<div id=CssBlur><img class=blur><span id=blur></span><input type=range id=cssBlur min=0 value=0
								title=px /></div>

						<div id=CssDropShadow><img class=dropShadow><label><span id=dropShadow></span><input
									type=checkbox id=cssDropShadow /></label>
							<div hidden id=CssDropshadow><span>x</span><input type=number id=cssDropShadowX value=2
									title=px />
								<span>y</span><input type=number id=cssDropShadowY value=2 title=px />
								<i18>blur</i18><input type=number id=cssDropShadowBlur min=0 value=2 title=px />
								<div><input type=color id=cssDropShadowColor value="#000000" /><input type=range
										id=cssDropShadowOpac min=0 max=1 step=".1" value=.5 /></div>
							</div>
						</div>
					</details>
				</details>

				<details id=svgCode>
					<summary>
						<button id=copy2clipboard class=mi>library_books</button>
						<button id=copy2input class=mi>library_add</button>
						<button id=copyAll2input class=mi>photo_library</button>

					</summary>
					<div>
						<label><input type=checkbox id=ignoreHiddenElement checked=checked /></label>
					</div>
					<textarea id=SVGcode></textarea>

				</details>

			</div>

		</div>


		<div for=clear>
		</div>
	</div>

	<div id=oContent hidden>

		<div id=oHTML></div>

	</div>


	<!-- 界面数据层 -->

	<script src="js/interface/solve.js"></script>

	<script src="js/interface/solve/2110.js"></script>
	<script src="js/interface/solve/2199.js"></script>
	<script src="js/interface/solve/3430.js"></script>
	<script src="js/interface/solve/81.js"></script>


	<script src="js/interface/graphic.js"></script>


	<script src="js/interface/show.js"></script>

	<script src="js/interface/show/document.js"></script>
	<script src="js/interface/show/slide.js"></script>
	<script src="js/interface/show/speech.js"></script>

	<script src="js/interface/show/image.js"></script>
	<script src="js/interface/show/video.js"></script>

	<script src="js/interface/show/2d.js"></script>
	<script src="js/interface/show/3d.js"></script>

	<script src="js/interface/show/vr.js"></script>
	<script src="js/interface/show/ar.js"></script>




	<script src="js/interface/wiki.js"></script>

	<script src="js/interface/wiki/algebra.js"></script>
	<script src="js/interface/wiki/algebra_group.js"></script>
	<script src="js/interface/wiki/algebra_ring.js"></script>
	<script src="js/interface/wiki/algebra_lattice.js"></script>



	<script src="js/interface/wiki/algebraic.js"></script>
	<script src="js/interface/wiki/analytic.js"></script>
	<script src="js/interface/wiki/complex.js"></script>


	<script src="js/interface/wiki/differential.js"></script>
	<script src="js/interface/wiki/formal_power_series.js"></script>
	<script src="js/interface/wiki/fraction.js"></script>
	<script src="js/interface/wiki/function.js"></script>


	<script src="js/interface/wiki/geometry_point.js"></script>
	<script src="js/interface/wiki/geometry_line.js"></script>
	<script src="js/interface/wiki/geometry_angle.js"></script>
	<script src="js/interface/wiki/geometry_plane.js"></script>
	<script src="js/interface/wiki/geometry_solid.js"></script>


	<script src="js/interface/wiki/graph_type.js"></script>
	<script src="js/interface/wiki/graph_unary_operation.js"></script>
	<script src="js/interface/wiki/graph_binary_operation.js"></script>
	<script src="js/interface/wiki/graph_binary_relation.js"></script>
	<script src="js/interface/wiki/graph_path.js"></script>



	<script src="js/interface/wiki/hyperbolic.js"></script>



	<script src="js/interface/wiki/infinite_series.js"></script>


	<script src="js/interface/wiki/integer.js"></script>
	<script src="js/interface/wiki/integer_divide.js"></script>
	<script src="js/interface/wiki/integer_fermat_number.js"></script>
	<script src="js/interface/wiki/integer_type.js"></script>
	<script src="js/interface/wiki/integral.js"></script>

	<script src="js/interface/wiki/limit.js"></script>
	<script src="js/interface/wiki/logic.js"></script>




	<script src="js/interface/wiki/matrix_type.js"></script>
	<script src="js/interface/wiki/matrix_unary_operation.js"></script>
	<script src="js/interface/wiki/matrix_binary_operation.js"></script>
	<script src="js/interface/wiki/matrix_binary_relation.js"></script>
	<script src="js/interface/wiki/matrix_determinant.js"></script>
	<script src="js/interface/wiki/matrix_factorization.js"></script>



	<script src="js/interface/wiki/number.js"></script>
	<script src="js/interface/wiki/polynomial.js"></script>



	<script src="js/interface/wiki/prime.js"></script>
	<script src="js/interface/wiki/prime_mersenne_number.js"></script>
	<script src="js/interface/wiki/prime_structure.js"></script>
	<script src="js/interface/wiki/prime_type.js"></script>


	<script src="js/interface/wiki/radical.js"></script>
	<script src="js/interface/wiki/recursive.js"></script>





	<script src="js/interface/wiki/relation_type.js"></script>
	<script src="js/interface/wiki/relation_equivalence.js"></script>
	<script src="js/interface/wiki/relation_compatible.js"></script>
	<script src="js/interface/wiki/relation_partial_order.js"></script>


	<script src="js/interface/wiki/sequence_rational.js"></script>
	<script src="js/interface/wiki/sequence_combination.js"></script>
	<script src="js/interface/wiki/sequence_sum.js"></script>
	<script src="js/interface/wiki/sequence_amicable_numbers.js"></script>



	<script src="js/interface/wiki/set.js"></script>

	<script src="js/interface/wiki/transcendental.js"></script>
	<script src="js/interface/wiki/tensor.js"></script>
	<script src="js/interface/wiki/trigonometric.js"></script>
	<script src="js/interface/wiki/unit.js"></script>
	<script src="js/interface/wiki/vector.js"></script>







	<script src="js/interface/course.js"></script>
	<!--

    <script src="js/interface/course/2110.js"></script>

-->





	<script src="js/interface/drill.js"></script>
	<script src="js/interface/drill/2110.js"></script>






	<script src="js/interface/topic.js"></script>
	<script src="js/interface/topic/lottery.js"></script>

	<script src="js/interface/topic/sudoku.js"></script>






	<script src="js/interface/pitfall.js"></script>
	<!--
    <script src="js/interface/pitfall/ .js"></script>
    
-->





	<script src="js/interface/unsolved.js"></script>

	<script src="js/interface/unsolved/3n_1.js"></script>








	<script src="js/interface/refer.js"></script>
	<!--
    <script src="js/interface/refer/activity.js"></script>
    <script src="js/interface/refer/org.js"></script>
    <script src="js/interface/refer/edu.js"></script>
    <script src="js/interface/refer/fan.js"></script>
    <script src="js/interface/refer/pub.js"></script>
    <script src="js/interface/refer/mooc.js"></script>
    <script src="js/interface/refer/ppt.js"></script>
    <script src="js/interface/refer/exam.js"></script>
    <script src="js/interface/refer/hardware.js"></script>
    <script src="js/interface/refer/software.js"></script>
    <script src="js/interface/refer/ref.js"></script>




-->

	<script src="js/interface/navhead/hotkey.js"></script>
	<script src="js/interface/navhead/api.js"></script>
	<script src="js/interface/navhead/about.js"></script>







	<!-- 业务逻辑层 -->

	<!--
    <script src="js/run/solve/function.js"></script>

    <script src="js/run/solve/prime.js"></script>
    <script src="js/run/solve/statistic.js"></script>
    <script src="js/run/solve/geometry.js"></script>
-->


	<script src="js/run/solve/number.js"></script>
	<script src="js/run/solve/sequence.js"></script>

	<script src="js/run/solve/matrix.js"></script>
	<script src="js/run/solve/permutation.js"></script>
	<script src="js/run/solve/vector.js"></script>

	<script src="js/run/solve/set.js"></script>
	<script src="js/run/solve/relation.js"></script>
	<script src="js/run/solve/proposition.js"></script>


	<!-- 业务封装层 -->

	<script src="js/run/go.js"></script>

	<script src="js/htm/cap.js"></script>
	<script src="js/htm/cap_mdn.js"></script>
	<script src="js/htm/cap_mmv.js"></script>
	<script src="js/htm/cap_mup.js"></script>




	<script src="js/lib/effects.js"></script> <!-- js特效-->
	<script src="js/lib/qrcode.js"></script>

	<!-- fractal

    <script src="js/lib/terrain.js"></script>
 -->

 
</body>



</html>